<!doctype html>
<html>

	<head>
		
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- <link href="css/mui.css" rel="stylesheet" /> -->
		 <link href="../css/mui.min.css" rel="stylesheet"/>
		<style type="text/css">
			.icon {
			  width: 1em;
			  height: 1em;
			  vertical-align: -0.15em;
			  fill: currentColor;
			  overflow: hidden;
		</style>
	</head>
	
	<body>

		<div class="mui-content">
			<!-- 测试区 -->
	<div id="" style="border-style:solid;height: 5rem;margin-top: 100%;" class="mui-table-view">
		<div class="mui-table-view-cell mui-media">
			<!-- <div id="" class="mui-pull-left"> -->
				<svg class="icon mui-media-object mui-pull-left" aria-hidden="true" style="font-size: 3rem;color: salmon;">
				  <use xlink:href="#icon-gouwuchekong"></use>
				</svg>
				<div class="mui-media-body">
							<span class="mui-badge mui-badge-warning"style="position: absolute;top: 0.5rem;left: 2.8rem;">2</span>
				    <br>
				    <p class='mui-ellipsis'>￥xx</p>
					
				</div>
				<button id="slider" type="button" class="mui-btn mui-btn-blue mui-pull-right" style="background-color: #F0AD4E;border: #EC971F;">以选好</button>
	</div>
			<!-- 测试区 -->
		</div>
		<!-- <button type="button" class="mui-btn mui-btn-green" style="margin-top: 0;">按钮</button> -->

		<script src="../js/mui.js"></script>
		<script src="../js/jquery-3.3.1.min.js"></script>
		<script src="../js/iconfont.js"></script>
		<script type="text/javascript">
			mui.init();
			$('#slider').on('tap',function(){
				console.log("h");
			});
		</script>
	</body>

</html>
